@charset "utf-8";
/* CSS Document */

/*list-content*/
/*list-bann-wrap*/
	/* 本例子css */
	.list-bann-wrap .slider{ width:100%;  min-width:950px;  height:335px;  position:relative; overflow:hidden; background:#fff; text-align:center;   }
	.list-bann-wrap .slider .bd{ width:950px; position:absolute; left:50%; margin-left:-140px  }
	.list-bann-wrap .slider .bd li{ width:950px;  overflow:hidden; }
	.list-bann-wrap .slider .bd li img{ display:block; width:950px; height:335px;    }
	.list-bann-wrap .slider .tempWrap{ overflow:visible !important }
	.list-bann-wrap .slider .tempWrap ul{  margin-left:-335px !important; /*强制位置*/  }

	.list-bann-wrap .slider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:8px; bottom:20px;  text-align:center; }
	.list-bann-wrap .slider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden; background:url(../images/slider-btn.png) 0 -10px no-repeat; 
		margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6;  }
	.list-bann-wrap .slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1;  }
	.list-bann-wrap .slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:335px; cursor:pointer;   }
	.list-bann-wrap .slider .prev{ left:-50%; margin-left:-475px;  }
	.list-bann-wrap .slider .next{ left:50%;  margin-left:475px;  }
	.list-bann-wrap .slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:335px; background:#fff; filter:alpha(opacity=50);opacity:0.7;   }
	.list-bann-wrap .slider .pnBtn .arrow{ display:none;   position:absolute; top:0; z-index:1; width:60px; height:335px;  }
	.list-bann-wrap .slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
	.list-bann-wrap .slider .prev .arrow{ right:0; background:url(../images/slider-arrow.png) -120px 0 no-repeat;   }
	.list-bann-wrap .slider .next .arrow{ left:0; background:url(../images/slider-arrow.png) 0 0 no-repeat;  }
	/*con*/
	.list-bann-wrap .slider .bd li a{ display: block; color:#fff;}
	.list-bann-wrap .slider .bd li a:hover{ color:#fff;}
	.list-bann-wrap .slider .bd li .info{ position:relative; margin-top:-110px; height:110px; background:#58535F; opacity:0.9; width:100%; text-align:left; padding:15px;}
	.list-bann-wrap .slider .bd li .info .tit{ font-size:20px; color:#fff; margin-bottom:5px;}
	.list-bann-wrap .slider .bd li .info .tit .price{color:#E8FF8D; margin-left:10px;}
	.list-bann-wrap .slider .bd li .info .info-btn{ background:#0DCC96; color:#fff; position: absolute; right:50px; width:80px; height:20px; line-height:20px; text-align:center;}
	.list-bann-wrap .slider .bd li a:hover .info .info-btn{ color:#000;}
	/*i tag*/
	.list-bann-wrap .slider .bd li .info i{ font-size:14px; font-weight:bold; padding:0px 6px; position:absolute; margin-top:-38px; left:0; font-style:normal; color:#000;}
	.list-bann-wrap .slider .bd li .info i.tag.newhouse{ background:#E8FF8D;}
/*main-content wrapper*/
.main-content .wrapper{}
/*main-content wrapper*/
.list-con-box{ margin-bottom:30px;}
.list-con-box .sechouse-list-wrap ul li{ display: block; padding:30px 0; position:relative; border-bottom:solid 1px #CCC;}
	/*ul li*/
		/*img*/
.list-con-box .sechouse-list-wrap .img{ position:relative; width:237px; height:177px; display:inline-block;}
.list-con-box .sechouse-list-wrap .img img{ width:237px; height:177px; float:left;}
.list-con-box .sechouse-list-wrap .img i{ background:url(../images/list-li-bg.png) no-repeat left bottom; width:100px; height:33px; padding-top:35px; display:block; position:absolute; bottom:0; font-size:14px; font-weight:bold; text-indent:8px; color:#fff;}
		/*word*/
.list-con-box .sechouse-list-wrap .word-container{ float:right; width:940px; height:177px; position:relative;}
.sechouse-list-wrap .word-container h2{overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-size: 20px;white-space: nowrap;width: 100%; padding-bottom:12px; line-height: 20px; vertical-align: middle;}
.sechouse-list-wrap .word-container h2 a{ color:#495666;}
.sechouse-list-wrap .word-container a:hover{ color:#E8393C; text-decoration:underline;}
		/*word info-1*/
.sechouse-list-wrap .word-container .info-1{ width:440px;}
		/*where*/
	.sechouse-list-wrap .word-container .info-1 .where{ font-size:16px; color:#000;}
	.sechouse-list-wrap .word-container .info-1 .where a,
	.sechouse-list-wrap .word-container .info-1 .where span{ margin-right:20px;}
		/*other*/
	.sechouse-list-wrap .word-container .info-1 .other{ font-size:14px; color:#666; line-height:22px; padding:10px 0;}
		/*agency-wrap*/
	.sechouse-list-wrap .word-container .info-1 .agency-wrap{ position:absolute; bottom:0;}
		/*word info-2*/
		
.sechouse-list-wrap .word-container .info-2.volume .price{ font-size:20px; font-weight:bold;}
.sechouse-list-wrap .word-container .info-2.volume .price .colannotation{ font-size:14px; font-weight:normal; color:#333;}
.sechouse-list-wrap .word-container .info-2{ width:265px;}
	.sechouse-list-wrap .word-container .info-2 .price{ font-size:12px;color:#E8393C; margin-top:-6px;}
	.sechouse-list-wrap .word-container .info-2 .price .num {font-size: 30px; font-weight: 700; margin-right: 3px; font-family: tahoma; letter-spacing: -1px;}
		/*word info-3*/
.sechouse-list-wrap .word-container .info-3{ width:290px; font-size:16px;}
	.sechouse-list-wrap .word-container .info-3 span{ display:inline-block;}
	.sechouse-list-wrap .word-container .info-3 .col-look{ margin-right:60px;}

/*indetail-wrap*/
.list-con-box .sechouse-list-wrap ul li .indetail-wrap{ position:absolute; right:20px; bottom:80px; z-index: 20; font-size:14px; display:none;}
	/*attentiona*/
	 .sechouse-list-wrap ul li .indetail-wrap .attentiona{display: inline-block; width: 123px; height: 36px; line-height: 36px; border: 1px solid #c54f00; border-radius: 5px; background: #E8393C; text-align: center; color: #fff; text-decoration: none; cursor:pointer;}
	 /*compare-icon*/
	 .sechouse-list-wrap ul li .indetail-wrap .compare-icon{display: inline-block; width: 123px; height: 36px; line-height: 36px; border:1px solid #009AB3; border-radius: 5px; background:#0DB1CC; text-align: center; color: #fff; text-decoration: none; cursor:pointer;}
		/*map-preview*/
		.sechouse-list-wrap ul li .indetail-wrap .map-preview{ width: 123px; height: 36px; line-height: 36px; border:1px solid #FFCE9E; border-radius: 5px; background:#fff; text-align: center; color:#0DB1CC; text-decoration: none; cursor:pointer; display: inline-block;}	
		/*.map-con*/
		/*.map-con*/
		#showMap{ width:430px; height:286px; overflow:hidden; position:absolute; top:0; left:0; display:none;}
		/*.sechouse-list-wrap ul li .indetail-wrap .map-preview:hover .map-con{ display:block;}----------for----js*/
		#showMap i{ float:right; margin-right:40px; width:30px; height:15px; position:relative; z-index:30; display:block; background:url(../images/bg.png) no-repeat -333px -57px;}
		#showMap .info{width:428px; height:268px; overflow:hidden; border:solid 1px #40C3E6; background:#fff; display:block; top:-1px; position:relative; z-index:29; }
		#showMap.hover{ display:block;}

/*ul li:hover*/
.list-con-box .sechouse-list-wrap ul li:hover{ background:#F4F4F4;}
.list-con-box .sechouse-list-wrap ul li:hover .indetail-wrap{ display:block;}

/*new house list css*/
.list-con-box .newhousecss{ width:900px; float:left;}
/*indetail-wrap*/
.list-con-box .newhousecss ul li .indetail-wrap{ display:none; bottom:70px;}
.list-con-box .newhousecss .word-container h2 { font-size:22px;}
.list-con-box .newhousecss .word-container h2 .tit-n{ position:relative; z-index:5; font-weight:normal; font-size:18px; margin-left:20px; color:#FA0000;}
.list-con-box .newhousecss .word-container h2 .tit-n i{ padding:2px 3px; color:#fff; background:#FA0000; margin-right:10px; display: inline-block; position:relative; top:-1px;}
.list-con-box .newhousecss .word-container .info-1{ width:350px; margin-top:20px;}
.list-con-box .newhousecss .word-container .info-1 .h-price{font-size: 16px; color: #000;}
.list-con-box .newhousecss .word-container .info-2{ text-align:right; padding-right:20px; padding-left:0; margin-top:30px;}
.list-con-box .newhousecss .word-container .info-2 .price{ font-size:16px;color:#333; margin-top:-6px;}
.list-con-box .newhousecss .word-container .info-2 .price .num { color:#FF7800;}
.list-con-box .newhousecss .word-container{ width:640px;}

.list-con-box .newhousecss ul li:hover .indetail-wrap{ display:block;}
/*banner02*/
.list-con-box .banner01-box{ width:270px; margin-top:20px;}
.list-con-box .banner01-box .tit{ font-size:16px; padding:5px 10px; background:#FFD200; color:#fff; margin-bottom:5px;}

/*car list css*/
.car-special .word-container h2 .zone{ font-size:18px; font-weight:normal; color:#333; margin-left:20px;}
.car-special .word-container .info-1{ width:540px;}
.car-special .word-container .info-2 .price{ margin-top:0; color:#000;}
.car-special .word-container .info-2 .price .num{ font-weight:500; color:#E8393C;}
.car-special .word-container .info-3{ width:190px;}
.car-special .word-container .info-3 .num{ font-size: 30px; font-weight: 500; margin-right: 3px; font-family: tahoma; letter-spacing: -1px; color:#E8393C;}
.list-con-box .car-special ul li .indetail-wrap{ display:block; bottom:40px;}
.list-con-box .car-special ul li .indetail-wrap .attentiona{background:#FF8B44; border:1px solid #FD6C03;}
.list-con-box .car-special ul li .indetail-wrap .attentiona:hover{background:#FD6A10;}

/*rent list css*/
.list-con-box .rent-special ul li .indetail-wrap{ display:block;}